'use strict';

import React from 'react';
import Radium from 'radium';
import RegisterForm from './RegisterForm';
import IndexHeader from '../common/IndexHeader';

@Radium
class RegisterView extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
      return (
        <div style={{ width : '100%', height : '100%', position : 'relative' }}>
        <IndexHeader router={this.context.router} selectedItem="注册" location={this.props.location} />
        <div className="no-user-select" style={{ width: '100%', maxWidth : '550px', padding: '80px 10px 10px 10px', height: '100%', margin: 'auto', height: '100%', display: 'table', tableLayout: 'fixed' }}>
          <div className="row no-margin">
            <h3>工作更简单，高效</h3>
            <div>为您的企业创建码一一账户</div>
            <RegisterForm router={this.context.router} location={this.props.location} />
          </div>
        </div>
        </div>
      );
  }
};

RegisterView.contextTypes = {
    router: React.PropTypes.object.isRequired
};

module.exports=RegisterView;
